<!DOCTYPE html>
<html>
   <head>
      <title>Show and Hide Components</title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   </head>
   <body>
      <select id="selectIndex">
         <option value="row">Hide Row</option>
         <option value="col">Hide Col</option>
         <option value="ind">Hide ind</option>
      </select>&nbsp;&nbsp;&nbsp;
      <button id="showButton">Show All</button>
      <br/><br/><br/><br/>
      <table border="3">
         <tr>
            <td>Row1_Col1</td>
            <td>Row2_Col2</td>
            <td>Row3_Col3</td>
         </tr>
         <tr>
            <td>Row2_Col1</td>
            <td>Row2_Col2</td>
            <td>Row2_Col3</td>
         </tr>
         <tr>
            <td>Row3_Col1</td>
            <td>Row3_Col2</td>
            <td>Row3_Col3</td>
         </tr>
      </table>
      
      <script src="jquery.js"></script>
      <script src="source.js"></script>
   </body>
</html>